<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Awesome UI</title>

    <link href="../../css/bootstrap.min.css" rel="stylesheet">
    <link href="../../css/theme.css" rel="stylesheet">
    <link href="../../css/animate.min.css" rel="stylesheet">
    <link href="../../css/font-awesome.min.css" rel="stylesheet">
    <link href="../../css/plugins/panel.css" rel="stylesheet"/>
    <link href="../../css/plugins/table.css" rel="stylesheet"/>
    <link href="../../css/plugins/pagination.css" rel="stylesheet"/>
    <style>
        .btn.disabled,
        .btn[disabled],
        fieldset[disabled] .btn {
          cursor: not-allowed;
          pointer-events: none;
          opacity: 0.65;
          filter: alpha(opacity=65);
          -webkit-box-shadow: none;
          box-shadow: none;
        }
        .btn-default.disabled,
        .btn-default[disabled],
        fieldset[disabled] .btn-default,
        .btn-default.disabled:hover,
        .btn-default[disabled]:hover,
        fieldset[disabled] .btn-default:hover,
        .btn-default.disabled:focus,
        .btn-default[disabled]:focus,
        fieldset[disabled] .btn-default:focus,
        .btn-default.disabled:active,
        .btn-default[disabled]:active,
        fieldset[disabled] .btn-default:active,
        .btn-default.disabled.active,
        .btn-default[disabled].active,
        fieldset[disabled] .btn-default.active {
          background-color: #f0f0f0;
          border-color: #dddddd;
        }
    </style>
    <!--[if lt IE 9]>
    <script src="../../html5shiv.min.js"></script>
    <script src="../../respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <!-- Begin: Content -->
    <section id="content" class="animated fadeIn">
        <h1 class="page-header">Table</h1>
            <div class="as-panel">
                <div class="as-panel-header">
                    <span class="as-panel-icon">
                        <i class="fa fa-database"></i>
                    </span>
                    <span class="as-panel-title">DataTable</span>
                    <span class="as-panel-controls">
                        <a href="#" id="ico-search" class="fa fa-search "></a>
                        <a href="#" class="fa fa-file-o"></a>
                        <a href="#" class="fa fa-times" title="关闭"></a>   
                    </span>
                </div>
                <div class="panel-editbox" id="input-search">
                    <input type="text" class="form-control" />
                </div>
                <div class="as-panel-body pn">
                    <!-- Start toolBar -->
                    <div class="as-panel-menu clearfix">
                        <div class="DTTT btn-group">
                            <a class="btn btn-default light btn-sm"><span>新建</span></a>
                            <a class="btn btn-default light btn-sm"><span>修改</span></a>
                            <a class="btn btn-default light btn-sm"><span>删除</span></a>
                        </div>
                        <div class="table_filter">
                            <label>
                                搜索：
                                <input type="search" class="form-control as-input-sm" />
                            </label>
                        </div>
                    </div>
                    <!-- End toolBar -->
                    <table class="as-table as-table-striped as-table-hover fchild-checkbox as-selectable" id="datatable" data-options="url:'www.baidu.com'">
                        <thead>
                            <tr>
                                <th></th>
                                <th data-options="field:'itemid',width:80">名称</th>
                                <th data-options="field:'productid',width:100">地址</th>
                                <th data-options="field:'listprice',width:80,align:'right'">办公室</th>
                                <th data-options="field:'unitcost',width:80,align:'right'">年龄</th>
                                <th data-options="field:'attr1',width:240">工作时间</th>
                                <th data-options="field:'status',width:60,align:'center'">工资</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="active">
                                <td></td>
                                <td>Tiger Nixon</td>
                                <td>System Architect</td>
                                <td>Edinburgh</td>
                                <td>61</td>
                                <td>2011/04/25</td>
                                <td>$320,800</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Cedric Kelly</td>
                                <td>Senior Javascript Developer</td>
                                <td>Edinburgh</td>
                                <td>22</td>
                                <td>2012/03/29</td>
                                <td>$433,060</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Brielle Williamson</td>
                                <td>Integration Specialist</td>
                                <td>New York</td>
                                <td>61</td>
                                <td>2012/12/02</td>
                                <td>$372,000</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Sonya Frost</td>
                                <td>Software Engineer</td>
                                <td>Edinburgh</td>
                                <td>23</td>
                                <td>2008/12/13</td>
                                <td>$103,600</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Quinn Flynn</td>
                                <td>Support Lead</td>
                                <td>Edinburgh</td>
                                <td>22</td>
                                <td>2013/03/03</td>
                                <td>$342,000</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Haley Kennedy</td>
                                <td>Senior Marketing Designer</td>
                                <td>London</td>
                                <td>43</td>
                                <td>2012/12/18</td>
                                <td>$313,500</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Tatyana Fitzpatrick</td>
                                <td>Regional Director</td>
                                <td>London</td>
                                <td>19</td>
                                <td>2010/03/17</td>
                                <td>$385,750</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Michael Silva</td>
                                <td>Marketing Designer</td>
                                <td>London</td>
                                <td>66</td>
                                <td>2012/11/27</td>
                                <td>$198,500</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Paul Byrd</td>
                                <td>Chief Financial Officer (CFO)</td>
                                <td>New York</td>
                                <td>64</td>
                                <td>2010/06/09</td>
                                <td>$725,000</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Gloria Little</td>
                                <td>Systems Administrator</td>
                                <td>New York</td>
                                <td>59</td>
                                <td>2009/04/10</td>
                                <td>$237,500</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Bradley Greer</td>
                                <td>Software Engineer</td>
                                <td>London</td>
                                <td>41</td>
                                <td>2012/10/13</td>
                                <td>$132,000</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Dai Rios</td>
                                <td>Personnel Lead</td>
                                <td>Edinburgh</td>
                                <td>35</td>
                                <td>2012/09/26</td>
                                <td>$217,500</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>Jenette Caldwell</td>
                                <td>Development Lead</td>
                                <td>New York</td>
                                <td>30</td>
                                <td>2011/09/03</td>
                                <td>$345,000</td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="dt-panelfooter clearfix">
                        <div class="table_paginate">
                            <div class="as-pagination" data-options="total:100,url:'http://192.168.205.167/las/Home/Test/showPage',
                            queryParams:{
                                body:'nijn',
                                panel:13213
                            }">
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End: Content -->
    </section>
    <!-- End: Content -->
<script src="../../js/jquery-1.11.2.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<script src="../../js/plugins/parser.js"></script>
<script src="../../js/plugins/table.js"></script>
<script src="../../js/plugins/pagination.js"></script>

</body>
</html>